import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

//首页tab切换传输存储的值
const list = {
	listing: []
}

// tab切换的状态
const load = {
	loading:''
}

const navmin={
	loading:'',
	naving:'cat',
	pageid:0,
	uniload:'',
	nonedata:''
}
// tab切换没有数据的提示
const nonemin={
	nonedata:''
}
// 城市选择页面跳转到攻略页面的城市名
const city={
	citying:''
}
// 城市选择页面跳转到发表页面的城市名
const travecity={
	traveing:''
}
//用户发表景点成功，传值给攻略页面，让攻略页面再次请求数据
const roturn={
	pagesid:false
}


//数据仓库
const state = {
	list,
	load,
	navmin,
	nonemin,
	city,
	travecity,
	roturn
}



export default new Vuex.Store({
	state,
	// 可以执行异步操作,好多页面传值过去，并且得到结果才行可以用异步操作
	// actions:{
	// 	listact(listact,listdata){
	// 		// ajax 1 2 3
	// 		// 得到请求结果之后再传给mutations
	// 		// 再传给state进行一个异步操作
	// 		console.log(listdata)
	// 		listact.commit('listmut',listdata)
	// 	}
	// },
	// 同步操作
	mutations: {
		listmuta(state, listdata) {
			// console.log(listdata)
			state.list = {
				listing: listdata
			}
		},
		// tab切换到loading状态
		loadmuat(state,loading){
			// console.log(loading)
			state.load={
				loading:loading
			}
		},
		// 以对象的形式传过来的参数
		navmuta(state,pullobj){
		     console.log(pullobj)
			state.navmin = {
				loading:pullobj.loading,
				naving:pullobj.nav,
				pageid:pullobj.pageid,
				uniload:pullobj.uniload,
				nonedata:pullobj.nonedata
			}
		},
		//tab切换没有数据的提示
		nomemuta(state,noneion){
			console.log(noneion)
			state.nonemin ={
				nonedata:noneion
			}
		},
	// 数据选择页面跳转到攻略页面的城市名
	citymuta(state,cityion){
		console.log(cityion)
		state.city={
			citying:cityion
		}
	},
		
		
	//城市选择页面跳转到攻略页面的城市值
	travemuta(state,cityion){
		console.log(cityion)
		state.travecity={
			traveing:cityion
		}
	},
	
	//用户发表景点成功，传值给攻略页面，让攻略页面再次请求数据
	roturnmuta(state,pagesid){
		state.roturn={
			pagesid:pagesid
		}
	}
	}
})
